import * as func from "./func.js"
export default {
  name: '',
  components:{},
  data(){
    return {
      isAllowAni: false,
      list: [
        {
          id: _.guID(), name: '香蕉', isChecked: true,
          dots: [
            { left: '0', top:'0', bgColor: "rgb(254,127,127)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(163,254,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,237,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,255,200)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(164,255,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,200,255)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,255,200)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(162,167,253)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,255,255)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,128,237)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(168,128,255)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,128,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,128,237)", width:'0px', height:'0px'},
          ]
        },
        {
          id: _.guID(), name: '苹果',  isChecked: false,
          dots: [
            { left: '0', top:'0', bgColor: "rgb(254,127,127)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(163,254,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,237,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,255,200)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(164,255,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,200,255)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,255,200)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(162,167,253)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,255,255)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,128,237)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(168,128,255)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,128,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,128,237)", width:'0px', height:'0px'},
          ]
        },
        {
          id: _.guID(), name: '橙子', isChecked: false,
          dots: [
            { left: '0', top:'0', bgColor: "rgb(254,127,127)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(163,254,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,237,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,255,200)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(164,255,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,200,255)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,255,200)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(162,167,253)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(128,255,255)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,128,237)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(168,128,255)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,128,128)", width:'0px', height:'0px'},
            { left: '0', top:'0', bgColor: "rgb(255,128,237)", width:'0px', height:'0px'},
          ]
        },
      ],
      aniBall: ''
    }
  },
  methods:{
    ...func,
  },
  created(){
    
  },
  mounted(){
    
  },
}